<template>
    <div class="post-item clearfix" >
        <div class="left-img"><slot name="left-img"></slot></div>
        <div class="right">
            <div class="right-title">
            <slot name="right-title"></slot>
        </div>
        <div class="right-detail">
            <slot name="right-detail"></slot>
        </div>
        </div>
    </div>
</template>

<script>

    export default {
        methods: {
            activeItem() {
                this.$router.push("/problems")
            }
        },

    }
</script>

<style  scoped>
.post-item{
    height: 122px;
    width: 326px;
    border-bottom: 1px solid #f0eff4;
    letter-spacing: 1px;
    font-size: 14px;
}

.left-img{
    float: left;
    width: 90px;
    height: 90px;
    margin: 16px 16px 16px 0;
    border-radius:5px;
}
.right{
    overflow: hidden;
    height: 122px;
    width: 220px;
}
.right-title{
    margin-top: 25px;
}

</style>